<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查询文章</title>

    <link rel="stylesheet" type="text/css" th:href="@{/mdedit/css/editormd.min.css}"/>
    <script th:src="@{/js/jquery-1.9.0.min.js}"></script>
    <script th:src="@{/mdedit/editormd.js}"></script>
    <script th:src="@{/mdedit/lib/marked.min.js}"></script>
    <script th:src="@{/mdedit/lib/prettify.min.js}"></script>

    <script th:src="@{/mdedit/lib/raphael.min.js}"></script>
    <script th:src="@{/mdedit/lib/underscore.min.js}"></script>
    <script th:src="@{/mdedit/lib/sequence-diagram.min.js}"></script>
    <script th:src="@{/mdedit/lib/jquery.flowchart.min.js}"></script>
</head>
<body>


<div style="padding: 10px 20px;">
    <div style="font-weight: bold; font-size: 24px">
        [[${blogs.blogsTitle}]]
    </div>
    <div style="margin-bottom: 10px">
        <div style="font-size: 13px;  margin-top: 10px; float: left">
            <span style="color: #999;">
                UP主：[[${blogs.authorName}]]
            </span>

            <span style="margin-left: 12px; color: #999;">
                发表于: [[${#dates.format(blogs.createTime , 'yyyy年MM月dd日 HH:mm')}]]
            </span>
        </div>

        <div style="float: left; padding: 4px 6px; background-color: #1F6EFF; color: #FFF; border-radius: 8px;
font-size: 12px; margin-top: 5px; margin-left: 12px;">
            来源信息: [[${blogs.sourceStr}]]
        </div>
    </div>

    <div style="clear: both;  "></div>
    <div style="border-bottom: 1px solid #f2f2f2; margin-top: 20px;"></div>

    <div style="margin-top: 10px;" id="test-editormd-view">
        <textarea id="append-test" style="display:none;">[[${blogs.blogsContent}]]</textarea>
    </div>
</div>
</div>
</body>
<script>
    $(function () {
        var testEditormdView;
        testEditormdView = editormd.markdownToHTML("test-editormd-view", {
            htmlDecode: "style,script,iframe",  // you can filter tags decode
            emoji: true,
            taskList: true,
            tex: true,  // 默认不解析
            flowChart: true,  // 默认不解析
            sequenceDiagram: true,  // 默认不解析
        });
    });
</script>
</html>
